<html>
	<head>
	</head>
	
	<body>
		<wicket:panel>
			<div style="width:600px; margin:auto;">
				<p>
					If you edit these grades, they will come into effect and override the existing grade system immediately.
					All courses will be graded using this system.					
				</p>
				<div class="stripes">
					<form wicket:id="form">
						<div style="padding:10px;">
							<a href="#" wicket:id="addGradeKeyHelper">Add Grade</a>
						</div>
						<table style="width:550px;">
							<tr>
								<th class="tableHead">Grade</th>										
								<th class="tableHead">Minimum marks</th>
								<th class="tableHead">Maximum marks</th>
								<th class="tableHead">GPA value</th>
								<th class="tableHead">Fail Grade</th>
								<th class="tableHead" style="width:150px;"></th>
							</tr>
							<tr wicket:id="gradeList">
								<td class="tableHead">
									<input style="width:60px;" type="text" wicket:id="gradeLetter"></input> 
								</td>
								<td class="tableHead">
									<input style="width:60px;" type="text" wicket:id="minMarks"></input>	
								</td>
								<td class="tableHead">
									<input style="width:60px;" type="text" wicket:id="maxMarks"></input>
								</td>
								<td class="tableHead">
									<input style="width:60px;" type="text" wicket:id="gpaValue"></input>
								</td>
								<td class="tableHead">
									<input style="width:60px;" type="checkbox" wicket:id="fail"/> Fail Grade
								</td>
								<td class="tableHead" style="width:150px;padding:0;">	
									<div style="padding-bottom:5px;">
										<a href="#" wicket:id="addMore">Add Another Grade</a>
									</div>
									<a href="#" wicket:id="delete">Delete</a>
								</td>
							</tr>
						</table>
						<div style="margin:20px;">
							<button type="submit" wicket:id="save" class="es-button ui-state-default ui-corner-all">
	                			Save All
	        				</button>
	        				<button type="submit" wicket:id="discard" class="es-button ui-state-default ui-corner-all">
	                			Discard
	        				</button>	        				
						</div>				
					</form>
				</div>
			</div>
		</wicket:panel>
	</body>
</html>